<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="images/favicon.png" type="image/png">
    <title>超市订单管理系统V1.0</title>
    <link href="css/style.default.css" rel="stylesheet">
    <link href="css/jquery.datatables.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body >
    <!-- Preloader -->
    <div id="preloader">
        <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
    </div>
    <section  id="userVue">
        <div class="leftpanel">
            <div class="logopanel">
                <h4>超市订单管理系统</h4>
            </div>
            <!-- logopanel -->
            <div class="leftpanelinner">
                <!-- This is only visible to small devices -->
                <div class="visible-xs hidden-sm hidden-md hidden-lg">
                    <div class="media userlogged">
                        <img alt="" src="images/photos/loggeduser.png" class="media-object">
                        <div class="media-body">
                            <h4>John Doe</h4>
                            <span>"Life is so..."</span>
                        </div>
                    </div>
                    <h5 class="sidebartitle actitle">Account</h5>
                    <ul class="nav nav-pills nav-stacked nav-bracket mb30">
                        <li><a href="profile.html"><i class="fa fa-user"></i> <span>Profile</span></a></li>
                        <li><a href="signout.html"><i class="fa fa-sign-out"></i> <span>Sign Out</span></a></li>
                    </ul>
                </div>
                <h5 class="sidebartitle">功能选项</h5>
                <ul class="nav nav-pills nav-stacked nav-bracket">
                    <li><a href="index.html"><i class="fa fa-home"></i> <span>主页</span></a></li>
                    <li class="active"><a href="add-userIndex.html"><i class="fa fa-user"></i> <span>员工管理</span></a></li>
                    <li><a href="add-supplierIndex.html"><i class="fa fa-male"></i> <span>供应商管理</span></a></li>
                    <li><a href="add-orderIndex.html"><i class="fa fa-book"></i> <span>订单管理</span></a></li>
                    <li><a href="recycle.html"><i class="fa fa-recycle"></i> <span>回收站</span></a></li>
                </ul>
                <div class="infosummary">
                    <h5 class="sidebartitle">Information Summary</h5>
                    <ul>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">Daily Traffic</span>
                                <h4>630, 201</h4>
                            </div>
                            <div id="sidebar-chart" class="chart"></div>
                        </li>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">Average Users</span>
                                <h4>1, 332, 801</h4>
                            </div>
                            <div id="sidebar-chart2" class="chart"></div>
                        </li>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">Disk Usage</span>
                                <h4>82.2%</h4>
                            </div>
                            <div id="sidebar-chart3" class="chart"></div>
                        </li>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">CPU Usage</span>
                                <h4>140.05 - 32</h4>
                            </div>
                            <div id="sidebar-chart4" class="chart"></div>
                        </li>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">Memory Usage</span>
                                <h4>32.2%</h4>
                            </div>
                            <div id="sidebar-chart5" class="chart"></div>
                        </li>
                    </ul>
                </div>
                <!-- infosummary -->
            </div>
            <!-- leftpanelinner -->
        </div>
        <div class="mainpanel">
            <div class="headerbar">
                <a class="menutoggle"><i class="fa fa-bars"></i></a>
                <div class="header-right">
                    <ul class="headermenu">
                        <li>
                            <div class="btn-group">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                    <img src="images/photos/loggeduser.png" alt="" /> John Doe
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                                    <li><a href="profile.html"><i class="glyphicon glyphicon-user"></i> My Profile</a></li>
                                    <li><a href="signin.html"><i class="glyphicon glyphicon-log-out"></i> Log Out</a></li>
                                </ul>
                            </div>
                        </li>
                        
                    </ul>
                </div>
                <!-- header-right -->
            </div>
            <!-- headerbar -->
            <!-- headerbar -->
            <div class="pageheader">
                <h2><i class="fa fa-user"></i>主页<span>新增员工</span></h2>
                <div class="breadcrumb-wrapper">
                    <span class="label">当前页</span>
                    <ol class="breadcrumb">
                        <li><a href="index.html">管理系统</a></li>
                        <li class="active">新增员工</li>
                    </ol>
                </div>
            </div>
            <div class="contentpanel">
                 <div class="panel panel-default">
        <div class="panel-heading">
          <div class="panel-btns">
            <a href="" class="panel-close">&times;</a>
            <a href="" class="minimize">&minus;</a>
          </div>
          <h4 class="panel-title">新增员工</h4>
          <p>请输入新员工的个人信息：</p>
        </div>
        <div class="panel-body panel-body-nopadding">
          
          <form class="form-horizontal form-bordered" id="addUserForm" accept-charset="utf-8" >
            
           


            <div class="form-group">
              <label class="col-sm-3 control-label">姓名</label>
              <div class="col-sm-6">
                <input type="text" placeholder="请输入员工姓名" title="员工姓名" name="name" data-toggle="tooltip" data-trigger="hover" class="form-control tooltips" v-model="inputUserName" />
              </div>
            </div>

            <div class="form-group">
              <label class="col-sm-3 control-label">性别</label>
              <div class="col-sm-6">
                     <div class="radio"><label><input type="radio" value="男" name="gender" v-model="inputUserGender">男</label></div>
                     <div class="radio"><label><input type="radio" value="女" name="gender" v-model="inputUserGender">女</label></div>
                  </div>
            </div>

            <div class="form-group">
              <label class="col-sm-3 control-label">职位</label>
              <div class="col-sm-6">
                <input type="text" placeholder="请输入员工职位" title="员工职位" name="position" data-toggle="tooltip" data-trigger="hover" class="form-control tooltips" v-model="inputUserPosition"/>
              </div>
            </div>
            
            <div class="form-group">
              <label class="col-sm-3 control-label">手机</label>
              <div class="col-sm-6">
                <input type="text" placeholder="请输入员工手机" title="11位手机号" name="telephone" data-toggle="tooltip" data-trigger="hover" class="form-control tooltips" v-model="inputUserPhone" />
              </div>
            </div>    

            <div class="form-group">
              <label class="col-sm-3 control-label">住址</label>
              <div class="col-sm-6">
                <input type="text" placeholder="请输入员工住址" title="员工住址" name="address" data-toggle="tooltip" data-trigger="hover" class="form-control tooltips" v-model="inputUserAddress"/>
              </div>
            </div>    

            <div class="form-group">
              <label class="col-sm-3 control-label">员工描述</label>
              <div class="col-sm-7">
                <textarea class="form-control" rows="5" name="introducation" v-model="inputUserDescribe"></textarea>
              </div>
            </div>
  
          </form>

          
        </div><!-- panel-body -->
        
        <div class="panel-footer">
             <div class="row">
                <div class="col-sm-6 col-sm-offset-3">
                  <button class="btn btn-primary" type="submit" v-on:click="addUser">提交</button>&nbsp;
                  <button class="btn btn-default" onclick="window.location.href='add-userIndex.html'">取消</button>
                </div>
             </div>
          </div><!-- panel-footer -->
        
      </div><!-- panel -->
            </div>
            <!-- contentpanel -->
        </div>
        <!-- mainpanel -->
        
    </section>
    <div class="footer" style="text-align: center;">
             &copy; 2018. All Rights Reserved. 超市订单管理系统
    </div>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modernizr.min.js"></script>
    <script src="js/jquery.sparkline.min.js"></script>
    <script src="js/toggles.min.js"></script>
    <script src="js/retina.min.js"></script>
    <script src="js/jquery.cookies.js"></script>
    <script src="js/jquery.datatables.min.js"></script>
    <script src="js/select2.min.js"></script>
    <script src="js/custom.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/vueJs/mainFunc.js"></script>
    <script>
     

    jQuery(document).ready(function() {

        "use strict";
        // jQuery(document).ready(function() {
        //
        //     user.addUser();
        //
        // });
        jQuery('#table1').dataTable();

        jQuery('#table2').dataTable({
            "sPaginationType": "full_numbers"
        });

        // Select2
        jQuery('select').select2({
            minimumResultsForSearch: -1
        });

        jQuery('select').removeClass('form-control');

        // Delete row in a table
        jQuery('.delete-row').click(function() {
            var c = confirm("Continue delete?");
            if (c)
                jQuery(this).closest('tr').fadeOut(function() {
                    jQuery(this).remove();
                });

            return false;
        });

        // Show aciton upon row hover
        jQuery('.table-hidaction tbody tr').hover(function() {
            jQuery(this).find('.table-action-hide a').animate({ opacity: 1 });
        }, function() {
            jQuery(this).find('.table-action-hide a').animate({ opacity: 0 });
        });


    });
    </script>
</body>

</html>